<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="include/style.css"/>
    <!--<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>-->
    <script src="include/jquery-1.7.2.min.js"></script>
    <script src="https://raw.github.com/desandro/isotope/master/jquery.isotope.min.js"></script>
    <script src="include/script.js"></script>
  </head>
  <body>
    <section id="slides">
      <article>
        <h1>Slime slide examples</h1>
	<h2>A comprehensive list of the slide types slime supports</h2>
      </article>
      <article class="slimy_twocolumn">
	<h1>Two-Column layout</h1>
	<div class="slimy_left">
	  <p>Have something written on the left slide.</p>
	  <p>Just add the slimy_twocolumn class, and add slimy_left to your left column.</p>
	</div>
	<div class="slimy_right">
	  <p>Have something written on the right slide.</p>
	  <p>This class is slimy_right</p>
	</div>
      </article>
      <article class="slimy_image">
      <h1>Slimy images</h1>
	<img src="images/slimy.png"/>
	<p>Images are automatically on the left. And the rest on the right. Single images only.</p>
      </article>
    </section>
  </body>
</html>
